<?php //
session_start();
if (!empty($_SESSION["id"])) {
    header("Location: http://localhost/ServerManizalesMas/Vista/home.php");
}
?>
<!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="utf-8">
        <title>Manizales +</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
        <link href="css/style.css" rel="stylesheet">
        <link href="css/signin.css" rel="stylesheet">

        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
          <script src="js/html5shiv.js"></script>
        <![endif]-->

        <!-- Fav and touch icons -->
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
        <link rel="shortcut icon" href="img/favicon.png">
        
        <script type="text/javascript" src="js/RegistroLogin.js"></script> 
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.min.js"></script>
         

    </head>

    <body>
        <div class="container-fluid">
            <div class="row-fluid">
                <div class="span12">
                    <div class="navbar">
                        <div class="navbar-inner">
                            <div class="container-fluid">
                                <a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a> <a href="#" class="brand">Manizales +</a>
                                <div class="nav-collapse collapse navbar-responsive-collapse">
                                    <ul class="nav">
                                        <li class="active">
                                            <a href="#">Home</a>
                                        </li>
                                        <li>
                                            <a href="#">Empresa</a>
                                        </li>
                                        <li>
                                            <a href="#">Nosotros</a>
                                        </li>
                                    </ul>
                                    <ul class="nav pull-right">
                                        <li>
                                            <a href="#myModal" data-toggle="modal">Iniciar Sesion</a>
                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="hero-unit" style="display: none;">
                        <h1>
                            Aplicaciones moviles manizales +
                        </h1>
                        <p>

                        </p>
                        <p>
                            <a class="btn btn-primary btn-large" href="#">Learn more »</a>
                        </p>
                    </div>
                    <div class="carousel slide" id="carousel-116760">
                        <ol class="carousel-indicators">
                            <li class="active" data-slide-to="0" data-target="#carousel-116760">
                            </li>
                            <li data-slide-to="1" data-target="#carousel-116760">
                            </li>
                            <li data-slide-to="2" data-target="#carousel-116760">
                            </li>
                        </ol>
                        <div class="carousel-inner">
                            <div class="item active">
                                <img alt="" src="img/slide1.png" />
                                <div class="carousel-caption">
                                    <h4>
                                        Aplicacion movil Apolo soft
                                    </h4>
                                    <p>
                                        Informacion de ubicacion, servicios y productos en tu bolsillo. 
                                    </p>
                                </div>
                            </div>
                            <div class="item">
                                <img alt="" src="img/slide1.png" />
                                <div class="carousel-caption">
                                     <h4>
                                        Aplicacion movil Apolo soft
                                    </h4>
                                    <p>
                                        Informacion de ubicacion, servicios y productos en tu bolsillo. 
                                    </p>
                                </div>
                            </div>
                            <div class="item">
                                <img alt="" src="img/slide1.png" />
                                <div class="carousel-caption">
                                     <h4>
                                        Aplicacion movil Apolo soft
                                    </h4>
                                    <p>
                                        Informacion de ubicacion, servicios y productos en tu bolsillo. 
                                    </p>
                                </div>
                            </div>
                        </div> <a data-slide="prev" href="#carousel-116760" class="left carousel-control">‹</a> <a data-slide="next" href="#carousel-116760" class="right carousel-control">›</a>
                    </div>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span4">
                    <h2>
                        Noticia 1
                    </h2>
                    <p>
                        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
                    </p>
                    <p>
                        <a class="btn" href="#">View details »</a>
                    </p>
                </div>
                <div class="span4">
                    <h2>
                        Noticia 2
                    </h2>
                    <p>
                        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
                    </p>
                    <p>
                        <a class="btn" href="#">View details »</a>
                    </p>
                </div>
                <div class="span4">
                    <h2>
                        Noticia 3
                    </h2>
                    <p>
                        Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
                    </p>
                    <p>
                        <a class="btn" href="#">View details »</a>
                    </p>
                </div>
            </div>
        </div>
        <!--Modal-->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div style="float:top; background: #eee" class="modal-header">
                <h3 id="myModalLabel" style="text-align: center">Formulario de acceso</h3>
                <button style="float: right;margin-top: -5%;" type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>

            </div>
            <div style="float: right" class="modal-body">
                <form action="javascript:loginUsuario();" class="form-signin" method="GET"> 

                    <input id="usernamelog" name="usernamelog" type="text" class="form-control" placeholder="Username"  required>
                    <input id="passlog" name="passlog" type="password" class="form-control" placeholder="Password" required>
                    <table>
                        <tr>
                            <td>
                                <input type="submit" class="btn btn-inverse" style="margin-top:15px"value="Log-in"/>
                            </td>
                            <td>
                                <div id="cargandologin" style="display:none ;margin-left: 20px;width: 35px;height: 35px;margin-top: 15px;">
                                    <img src="img/cargando.gif" width="25" height="17" style="margin-top:8px"/></div> 
                            </td>
                            <td style="width: 400px; height: auto;" >
                                <label id="textoResultante2"></label>
                            </td>
                        </tr>
                    </table>    
                </form>
            </div>
        </div> 
        <!--Fin Modal-->
    </body>
</html>
